<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>欢迎页</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/font-awesome.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/AdminLTE.min.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="${request.contextPath}/statics/css/all-skins.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/main.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/element/element.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/ziyun-erp.css">

    <script src="${request.contextPath}/statics/libs/jquery.min.js"></script>
    <script src="${request.contextPath}/statics/libs/vue.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/jqgrid/jquery.jqGrid.min.js"></script>
    <script src="${request.contextPath}/statics/js/common.js"></script>
    <script src="${request.contextPath}/statics/plugins/element/element.js"></script>
    <script src="${request.contextPath}/statics/plugins/moment/moment.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/moment/moment-with-locales.js"></script>


</head>
<body>
<section class="content" id="rrapp" v-cloak>
    <div style="padding-left: 20px; padding-bottom: 5px"><span if="browserVersion!=null">浏览器版本:{{browserVersion}}</span> </div>
    <div class="row">
        <!--左侧显示信息-->
        <div class="col-md-7">
            <!--待办提醒-->
            <div class="box box-primary">
                <div class="box-header with-border">
                    <i class="fa fa-bullhorn"></i>
                    <h3 class="box-title">待办提醒</h3>
                </div>
                <div class="box-body">
                    <div class="callout ">
                        <h4>订单提醒</h4>
                        <div style="padding-top: 10px;padding-left: 30px">
                            <ul class="list-inline">
                                <li>
                                    <span class="info-box-text">待审核
                                     <span data-toggle="tooltip" title="" class="badge bg-red"
                                           data-original-title="待审核">{{waitInfoVo.orderWaitCheck}}</span>
                                    </span>
                                </li>
                                <li>
                                    <span class="info-box-text">待付款
                                         <span data-toggle="tooltip" title="" class="badge bg-red"
                                               data-original-title="待付款">{{waitInfoVo.orderWaitPay}}</span>
                                    </span>
                                </li>
                                <li>
                                    <span class="info-box-text">待分配
                                         <span data-toggle="tooltip" title="" class="badge bg-red"
                                               data-original-title="待分配">{{waitInfoVo.orderWaitAllot}}</span>
                                    </span>
                                </li>
                                <li>
                                    <span class="info-box-text">待发货
                                         <span data-toggle="tooltip" title="" class="badge bg-red"
                                               data-original-title="待发货">{{waitInfoVo.orderWaitShip}}</span>
                                    </span>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <div class="callout ">
                        <h4>退款订单</h4>

                        <div style="padding-top: 10px;padding-left: 30px">
                            <ul class="list-inline">
                                <li>
                                    <span class="info-box-text">待审核
                                        <span data-toggle="tooltip" title="" class="badge bg-red">{{waitInfoVo.serviceWaitCheck}}</span>
                                    </span>
                                </li>
                                <li>
                                    <span class="info-box-text">待退款
                                         <span data-toggle="tooltip" title="" class="badge bg-red">{{waitInfoVo.serviceWaitReturn}}</span>
                                    </span>
                                </li>
                                <li>
                                    <span class="info-box-text">已退款
                                         <span data-toggle="tooltip" title="" class="badge bg-red"
                                               data-original-title="待审核">{{waitInfoVo.serviceReturned}}</span>
                                    </span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="callout ">
                        <h4>商品提醒</h4>

                        <div style="padding-top: 10px;padding-left: 30px">
                            <ul class="list-inline">
                                <li>
                                    <span class="info-box-text">出售中的商品
                                        <span data-toggle="tooltip" title="" class="badge bg-red">{{waitInfoVo.putonNums}}</span>
                                    </span>
                                </li>
                                <li>
                                    <span class="info-box-text">待售中的商品
                                         <span data-toggle="tooltip" title="" class="badge bg-red">{{waitInfoVo.pulloffNums}}</span>
                                    </span>
                                </li>
                                <li>
                                    <span class="info-box-text">自营商品
                                         <span data-toggle="tooltip" title="" class="badge bg-red"
                                               data-original-title="自营商品">{{waitInfoVo.selfGoodsNums}}</span>
                                    </span>
                                </li>
                                <li>
                                    <span class="info-box-text">供应商商品
                                         <span data-toggle="tooltip" title="" class="badge bg-red"
                                               data-original-title="供应商商品">{{waitInfoVo.sellerGoodsNums}}</span>
                                    </span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- /.box-body -->
            </div>
            <!--商城经营-->
            <div class="box box-primary">
                <div class="box-header with-border">
                    <i class="fa fa-bar-chart"></i>
                    <h3 class="box-title">商城经营</h3>
                </div>
                <div class="box-body">
                    <div class="callout ">
                        <h4>商城数据</h4>
                        <div style="padding-top: 10px;padding-left: 30px">
                            <div style="padding-left: 15px;padding-top: 15px">
                                <p>{{nowTimer}}</p>
                                <p>
                                <p>根据商城最近一周的成交净额&nbsp;<font size="3" color="red">{{waitInfoVo.payedAmount}}</font>&nbsp;,共计单数为
                                <font size="3" color="red">{{waitInfoVo.orderNumbers}}</font>&nbsp;单</p>
                                <p>
                                    自营门店成交额: &nbsp;<font size="3" color="red">{{waitInfoVo.selfPayedAmount}}</font>&nbsp;
                                    第三方店铺成交额: &nbsp;<font size="3" color="red">{{waitInfoVo.sellerPayedAmount}}</font>&nbsp;
                                </p>
                                </p>
                            </div>

                        </div>

                        <!--<div style="padding-top: 10px;padding-left: 30px">
                            <span style="font-weight: bold">经营概况</span>
                            <div style="padding-left: 15px;padding-top: 15px">
                                <p>2018.08.08 星期三</p>
                            </div>
                            <div class="box-body text-left">
                                <p>By adding the class <code>.vertical</code> we achieve:</p>
                                <div class="progress vertical">
                                    <div class="progress-bar progress-bar-green" role="progressbar" aria-valuenow="40"
                                         aria-valuemin="0" aria-valuemax="100" style="height: 40%">
                                        <span class="sr-only">访客量</span>
                                    </div>
                                </div>
                                <div class="progress vertical">
                                    <div class="progress-bar progress-bar-aqua" role="progressbar" aria-valuenow="20"
                                         aria-valuemin="0" aria-valuemax="100" style="height: 20%">
                                        <span class="sr-only">浏览量</span>
                                    </div>
                                </div>
                                <div class="progress vertical">
                                    <div class="progress-bar progress-bar-yellow" role="progressbar" aria-valuenow="60"
                                         aria-valuemin="0" aria-valuemax="100" style="height: 60%">
                                        <span class="sr-only">下单件数</span>
                                    </div>
                                </div>
                                <div class="progress vertical">
                                    <div class="progress-bar progress-bar-red" role="progressbar" aria-valuenow="80"
                                         aria-valuemin="0" aria-valuemax="100" style="height: 80%">
                                        <span class="sr-only">成交件数</span>
                                    </div>
                                </div>
                                <div class="progress vertical">
                                    <div class="progress-bar progress-bar-red" role="progressbar" aria-valuenow="90"
                                         aria-valuemin="0" aria-valuemax="100" style="height: 80%">
                                        <span class="sr-only">成交金额</span>
                                    </div>
                                </div>
                            </div>

                        </div>-->
                    </div>
                </div>
            </div>
        </div>
        <!--右侧显示信息-->
        <div class="col-md-5" >
            <div class="box box-primary">
                <div class="box-header with-border">
                    <i class="fa fa-calendar"></i>
                    <h3 class="box-title">营销活动</h3>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <div class="box-body" style="height: 656px;overflow:auto">
                        <h5 class="box-title">营销活动</h5>
                        <ul class="todo-list ui-sortable">
                            <template v-for="item in configCouponUcenterList">
                                <li>
                                  <span class="handle ui-sortable-handle">
                                    <i class="fa fa-ellipsis-v"></i>
                                    <i class="fa fa-ellipsis-v"></i>
                                  </span>
                                    <span class="text" >{{item.couponTitel}}</span>
                                    <div style="float: right">
                                        <small class="label label-primary">{{item.timer}} </small>
                                    </div>
                                </li>
                            </template>

                        </ul>
                    </div>
                </div>
                <!-- /.box-body -->
            </div>
        </div>
    </div>
</section>
<script src="${request.contextPath}/statics/js/main.js?_${.now?long}"></script>
</body>
</html>